<!--
额外标签法（隔墙法）
    在最后一个浮动子元素的末尾后面，再添加一个额外的新的空的标签，给它赋予清除浮动样式，当做一堵墙将浮动元素堵着！
        <div style="clear:both"></div>
        <br style="clear:both" />
    注意：空标签必须是【块元素】标签！

优缺
    - 简单易懂，书写方便
    - 结构更差，因为添加了更多无意义的空标签
-->
<style>
    .one {
        float: left;
        width: 100px;
        height: 100px;
        background: red;
    }
    .two {
        float: left;
        width: 200px;
        height: 200px;
        background: orange;
    }
    .clear {
        clear: both
    }
    .three {
        height: 300px;
        background: skyblue;
    }
</style>

<div class="box">
    <div class="one">浮</div>
    <div class="two">浮</div>
    <!-- 额外的空标签 -->
    <div class="clear"></div>
</div>
<div class="three">后面来的标准流块盒子</div>